<!DOCTYPE html>
<html>
<head>
<meta class="utf-8">
<title>图片拼接</title>
<style>
img.home {
    width: 46px;
    height: 44px;
    background: url(http://www.runoob.com/images/img_navsprites.gif)0 0;
}
img.next {
    width: 43px;
    height: 44px;
    background: url(http://www.runoob.com/images/img_navsprites.gif) -91px 0;
}
</style>
</head>
<body>
<img class="home" src="https://www.runoob.com/images/img_trans.gif"><br><br>
<img class="next" src="https://www.runoob.com/images/img_trans.gif">
</body>
</html>


